<template>
    <div id="app">
        <i-header></i-header>
        <router-view/>
        <i-footer></i-footer>
    </div>
</template>

<script>
import IHeader from './components/header';
import IFooter from './components/footer';
export default {
    name: 'App',
    components: {IHeader, IFooter}
};
</script>

<style>
body {
    background: url(./assets/bgbanner.png) #131315 center top repeat-x;
    background-image: url(./assets/bgbanner.png);
    background-color: #131313;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
#app {
    font-family: "Avenir", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.align-right {
    text-align: right;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.table {
    width: 100%;
    border: 1px solid #dadada;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
    td, th {
        border: 1px solid #dadada;
        padding: 8px 10px;
    }
}
</style>
